<header id="top">
    <div class="wrapper">
        <a href="/" class="brand">{{ site.title }}</a>
        <small>{{site.brief-intro}}</small>
        <button id="headerMenu" class="menu"><i class="fa fa-bars"></i></button>
        <nav id="headerNav">
            <ul>
                <li>
                    {% if page.url == '/' %}
                    <a class="active" href="/">
                        {% else %}
                    <a href="/">
                    {% endif %}
                        <i class="fa fa-home"></i>Home
                    </a>
                </li>
                {% for my_page in site.pages %}
                    {% if my_page.type == 'page' %}
                        <!-- 这里的'Tags'对应的是/page/2tags.html里面的顶部title的值 -->
                        {% if my_page.title != 'Tags' %}
                            <li>
                                {% if my_page.url == page.url %}
                                <a class="active" href="{{ my_page.url }}">
                                    {% else %}
                                <a href="{{ my_page.url }}">
                                {% endif %}
                                    <i class="fa fa-{{my_page.icon}}"></i>{{ my_page.title }}
                                </a>
                            </li>
                        {% endif %}
                    {% endif %}
                {% endfor %}
            </ul>
        </nav>
    </div>
</header>
